<template>
  <div class="section_con0">
    <!-- 测评结果 E -->
    <EvaluationResData v-if="tabsActiveName === '1'"></EvaluationResData>
    <!-- 测评结果 S -->
  </div>
</template>

<script>
import EvaluationResData from './EvaluationResData.vue'
export default {
  name: 'EvaluationData',
  props: {
    assessmentId: String,
  },
  components: { EvaluationResData },
  watch: {
    '$route.query': {
      handler(obj) {
        if (obj && obj.id) {
          this.tabsActiveName = '1'
        }
      },
      deep: true,
    },
  },

  data() {
    return {
      tabsActiveName: '1',
    }
  },
  created() {
    this.tabsActiveName = this.$route.query.tabsActiveName ? this.$route.query.tabsActiveName : '1'
  },
  methods: {
    handleClick(e) {
      this.tabsActiveName = e.name
    },
  },
}
</script>

<style lang="scss" scoped>
.section_con0 {
  height: calc(100% - 20px);
  background-color: #fff;
  font-size: 14px;
  margin-top: 20px;
  /deep/.el-tabs__header {
    border: none;
    background: #f2f2f2;
    .el-tabs__nav {
      border: none;
      z-index: 0;
    }
  }
  /deep/.el-tabs__item {
    background: #f2f2f2;
    border: none;
  }
  /deep/.el-tabs__item.is-active {
    background: #fff;
    color: #1559b8;
  }
  /deep/.el-tabs__active-bar {
    background-color: #fff;
  }
}
</style>
